vs code 插件推荐

插件推荐open in new window

自用插件记录

• 免费的智能编程助手,类似 Github Copilot：Codeiumopen in new window

• 自动闭合 HTML 标签：Auto Close Tagopen in new window

• import 提示：Auto Importopen in new window

• 修改 HTML 标签时，自动修改匹配的标签：Auto Rename Tagopen in new window

• babel 插件，语法高亮：Babel JavaScriptopen in new window

• .babelrc 文件高亮提示：Babelrcopen in new window

• css/sass/less 格式化：Beautify css/sass/scss/lessopen in new window

• 对齐赋值符号和注释：Better Alignopen in new window

• 编写更加人性化的注释：Better Commentsopen in new window

• 运行选中代码段（支持多数语言）：Code Runneropen in new window

• 颜色值在代码中高亮显示：Color Highlightopen in new window

• 小窗口显示颜色值，rgb,hsl,cmyk,hex 等等：Color Infoopen in new window

• CSS 快捷定位导航：CSS Navigationopen in new window

• 拾色器：CSS Peekopen in new window

• .env 语法高亮：DotENVopen in new window

• 配置优先级高于编辑器默认的代码格式化规则：EditorConfig for VS Codeopen in new window

• ESLint 插件，高亮提示：ESLintopen in new window

• 在状态栏显示当前行的 Git 信息：Git Blameopen in new window

• 快速浏览单文件历史提交变动：Git File Historyopen in new window

• Git 图形化视图，方便浏览和操作：Git Graphopen in new window

• 查看 git log：Git Historyopen in new window

• .gitignore 文件语法：gitignoreopen in new window

• 显示文件最近的 commit 和作者，显示当前行 commit 信息：GitLensopen in new window

• 高亮匹配选中的标签：Highlight Matching Tagopen in new window

• CSS class 提示：HTML CSS Class Completionopen in new window

• css 提示（支持 vue）：HTML CSS Supportopen in new window

• HTML 格式提示：HTMLHintopen in new window

• css class 输入提示：IntelliSense for css class namesopen in new window

• ES6 语法代码段：JavaScript (ES6) code snippetsopen in new window

• 缩进高亮：Indenticatoropen in new window

• 图像预览：Image previewopen in new window

• 行内显示导入（import/require）的包的大小：Import Costopen in new window

• vscode 文件图标主题：Material Icon Themeopen in new window

• Prettier 格式化程序：Prettieropen in new window

• css 单位转换：px to rem & rpx & vw (cssrem)open in new window

• Tailwind CSS 提示工具：Tailwind CSS IntelliSenseopen in new window

• UnoCSS 扩展：UnoCSSopen in new window

• package.json 文件显示模块当前版本和最新版本：Version Lensopen in new window

• css/sass/less 代码风格：stylelintopen in new window

• Vue 扩展：Vue - Officialopen in new window

• 一个免费的基于 AI 的开发者工具Codeiumopen in new window

• 内联显示相应 Icon 图标 Iconify IntelliSenseopen in new window

• 增强 uni-app 系列产品在 VSCode 内的体验 uni-helperopen in new window

• 自动提示标签可用属性,鼠标悬浮查询属性文档,新增支持 uview 的组件提示uniapp 小程序扩展open in new window

• 快捷 console.log 插件Turbo Console Logopen in new window